<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  :title="config.title" class="dialogStyleBase" :width="config.width" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">

    <div class="dialogStyleBaseBox" v-loading="loading">
        <el-table :data="data" border height="100%" style="width: 100%;">

            <el-table-column type="index" width="50" align="center" label="#">
            </el-table-column>
            <el-table-column :prop="item.prop" align="center" :label="item.label"
                :width="item.type=='img'?'60':(item.width?item.width:'')" v-for="(item,index) in config.columns"
                :key="index">
                <template slot-scope="scope">
                    <div @click="show(scope,item)" v-if="item.type=='icon'"><i
                            :class="getText(scope.row,item.prop)"></i></div>
                    <div @click="show(scope,item)" v-else-if="item.type=='img'">
                        <img v-if="getText(scope.row,item.prop)" :src="getText(scope.row,item.prop)" class="albumUrl" />
                        <span v-else style="opacity: .7;">无</span>
                    </div>

                    <div @click="show(scope,item)" v-else-if="item.type=='state-icon'">
                        <StateIcon v-if="scope.row[item.prop]==item.options.success" type="success"></StateIcon>
                        <StateIcon v-if="scope.row[item.prop]==item.options.error" type="error"></StateIcon>
                    </div>
                    <div @click="show(scope,item)" v-else>{{getText(scope.row,item.prop)}}</div>
                </template>
            </el-table-column>
        </el-table>
    </div>

    <div slot="footer">
        <el-button @click="editBoxCancel()">取 消</el-button>
        <el-button type="danger" @click="deleteSubmit()">确定执行</el-button>
    </div>
</el-dialog>